<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="="utf-8>
		<title>Document</title>
		<style type="text/css">
			ul,li{width:1000px;height:200px;
				margin:20px;padding:0;
				float:right;
			}
			li{list-style:none;}
			ul li{
				border: 2px solid blue;
				
			}
			div.aa{width:1200px;height:1460px;
					border:1px solid grey;}
			div.aa{padding:80px 20px 200px 100px;}
			div.bb{width:100px;height:1080px;
					margin:0px;padding:0px;
					float:left;
					border:1px solid grey;
					background-color: #ddd;
					}
			div.cc{
					width:400px;height:40px;
					border:1px dotted ;
					position:absolute;
					left:600px;
					top:1600px;
			}
		</style>
	</head>
	<body>
		<div class="aa">
			<ul>
				<li>内容1</li>
				<li>内容2</li>
				<li>内容3</li>
				<li>内容4</li>
				<li>内容5</li>
				<li>内容6</li>
			</ul>
			<div class="bb">
				<h4>侧边栏</h4>
			</div>
			<div class="cc">
				<h4>页脚</h4>
			</div>
		</div>
	</body>
</html>